<template>
  <div class="singer-home">
    <van-nav-bar
        title="歌手详情"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
    />
    <img :src="singer.singer_pic" alt=""/>
    <van-tabs v-model="active">
      <van-tab title="百度" v-if="false">
        <SingerIntro :singerId="id"/>
      </van-tab>
      <van-tab title="歌曲">
        <SingerSong :singerId="id"/>
      </van-tab>
    </van-tabs>
  </div>
</template>
<script>
import SingerIntro from "./components/SingerIntro.vue";
import SingerSong from "./components/SingerSong.vue";

export default {
  data() {
    return {
      active: 0,
      id: this.$route.params.id,
      singer: {},
    };
  },
  created() {
    this.singer = this.$store.state.singer;

    // this.$request("get", "/artist/top/song?id=" + this.id).then((res) => {
    //   console.log(res);
    //   if (res.code === 200) {
    //     this.listData = res.songs
    //   }
    // });
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
  components: {
    SingerIntro,
    SingerSong,
  },
};
</script>
<style scoped>
</style>
